<template>
	<div>
		<div class="header">
			<!-- <div class="headsculpture"> -->
			<u-avatar class="headsculpture" size="20rpx" :src="src"></u-avatar>
			<!-- </div> -->
			<div class="context">
				<div class="name">不感冒的小鹏</div>
				<div class="pmrcid">PMRC号：019203467</div>
				<div class="ip">IP归属：北京</div>
			</div>
		</div>
		<div class="center">
			<image class="qrcode" src="../../static/HomePage/ewm.jpg" mode=""></image>

		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				src: 'http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg'
			}
		},
	}
</script>

<style lang="scss">
	.header {
		width: 750rpx;
		height: 140rpx;
		display: flex;
		justify-content: center;
		margin: 0 auto;
		margin-top: 200rpx;

		.headsculpture {
			width: 140rpx;
		}

		.context {
			margin: 20rpx 0rpx 20rpx 40rpx;

			.name {
				font-size: 16px;
				font-weight: 500;
				letter-spacing: 0px;
				line-height: 21.95px;
				color: rgba(0, 0, 0, 1);
				text-align: left;

			}

			.pmrcid {
				font-size: 12px;
				font-weight: 500;
				letter-spacing: 0px;
				line-height: 16.46px;
				color: rgba(102, 98, 98, 1);
				text-align: left;
			}

			.ip {
				font-size: 12px;
				font-weight: 500;
				letter-spacing: 0px;
				line-height: 16.46px;
				color: rgba(102, 98, 98, 1);
				text-align: left;
			}
		}
	}

	.center {
		width: 750rpx;
		height: 140rpx;
		display: flex;
		justify-content: center;
		margin: 0 auto;
		margin-top: 20rpx;

		.qrcode {
			width: 600rpx;
			height: 600rpx;
			margin: 0 auto;
		}
	}
</style>